// components/popular/mus/index.js
import {popularBeh} from '../popular-beh'

const mMgr = wx.getBackgroundAudioManager()

Component({
  /**
   * 组件的属性列表
   */
  behaviors:[popularBeh],
  properties: {
    src: String,
    title:String
  },

  attached:function(event) {
    this._recoverStatus()
    this._monitorSwitch()
  },

  /**
   * 组件的初始数据
   */
  data: {
    playing: false,
    pauseSrc: 'images/player@pause.png',
    playSrc: 'images/player@play.png',
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onPlay: function (event) {
      // 图片要切换
      if (!this.data.playing) {
        this.setData({
          playing: true
        })
        mMgr.src = this.properties.src
        mMgr.title = this.properties.title
      } else {
        this.setData({
          playing: false
        })
        mMgr.pause()
      }
    },
  _recoverStatus() {
    if(mMgr.paused) {
      this.setData({
        playing:false
      })
      return
    }
    if(mMgr.src == this.properties.src) {
      this.setData({
        playing:true
      })
    }
  },
  _monitorSwitch:function() {
    mMgr.onPlay(()=>{
      this._recoverStatus()
    })
    mMgr.onPause(()=>{
      this._recoverStatus()
    })
    mMgr.onStop(()=>{
      this._recoverStatus()
    })
    mMgr.onEnded(()=>{
      this._recoverStatus()
    })
  }

}
})
